::-moz-progress-bar
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
El pseudo-elemento ::-moz-progress-bar de CSS es una extensión de Mozilla que representa la barra de progreso dentro de un elemento <progress>. (La barra representa la cantidad de progreso que se ha realizado).
Sintaxis
Error: could not find syntax for this item
Ejemplos
HTML
html
<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminado</progress>
CSS
css
::-moz-progress-bar {
background-color: red;
}
/* Forzar barras indeterminadas para tener ancho cero */
:indeterminate::-moz-progress-bar {
width: 0;
}
Resultado
La primera barra de arriba debe tener este aspecto:
